@charset "utf-8";
html{padding:0;margin:0;clear:both;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body{margin:0;padding:0;height:100%;width:100%;-webkit-font-smoothing:antialiased; font-size:14px;font-family:微软雅黑;background:#f0f0f0; color: #333333; cursor:default}
button,fieldset,input,legend,select,text,textarea{border:0;background:0 0;outline:0;margin:0;padding:0}
*,:after,:before{-moz-box-sizing:border-box;box-sizing:border-box}
dd,dl,dt,li,p,ul{padding:0;margin:0;list-style:none}
h1,h2,h3,h4,h5,h6{margin:0;font-weight:400}
img{max-width:100%;height:auto;margin:0 auto;border:none; width:100%}
form{margin:0;padding:0;display:block}
a{text-decoration:none;color:#000}
a:hover{color:#b81b32}
a,a:focus{outline:0}

.main{ }
.row-p{ margin: 0 -5px;}
/* top */
.top{ height:10px; position:relative}
.top .top_fl{ position:absolute; width:50%; left:0; top:0; background:#d70c25; height:10px;}
.top .top_fr{ position:absolute; width:50%; right:0; top:0; background:#292929; height:10px;}
.top .container{ height:10px;background:#292929; padding:0; position:relative}
.top .container .col-4{ background:url(../images/common/topicon.webp) right center no-repeat #d70c25;height:10px;}


/*nav*/
.nav{ background:#f0f0f0}
.nav .fl{ float:left; padding:.5rem 0}
.nav .fr{ float:right}
#header{margin:0 auto;}
.pc-nav{margin:0 auto;position:relative}
.pc-nav .jquery_out{float:left;line-height:32px;display:block;border-right:1px solid #fff;text-align:center;color:#fff;font:18px/32px "微软雅黑";}
.pc-nav .jquery_out .smile{padding-left:1em}
.pc-nav .jquery_inner{margin-left:16px}
.pc-nav .jquery{margin-right:1px;padding:0 2em}
.pc-nav .mainlevel{position:unset; display:table-cell; text-transform:uppercase; padding-left:1rem}
.pc-nav .mainlevel a{color:#333;text-decoration:none;display:block;text-align:center;width:100%;font-size:16px; padding:1.7rem 10px; cursor:pointer}
.pc-nav .mainlevel a.hit{ border-bottom:4px solid #d70c25;}
.pc-nav .mainlevel a:hover{text-decoration:none;}
.pc-nav .mainlevel ul{display:none;background:rgba(0,0,0,.6)!important;background:#000;position:absolute;width:auto;z-index:3;min-width:12.5%;border-top:4px solid #d70c25; margin-top:}
.pc-nav .mainlevel li{width:100%;border-bottom:1px solid #5f5f5f}
.pc-nav .mainlevel li a{text-align:left!important;padding:8px 15px; color:#fff; text-decoration:none; font-size:13px; text-transform:capitalize}
.pc-nav .mainlevel li a:hover{ border-bottom:none; color:#ececec; background-color: rgb(0 0 0 / 50%)}
.pro-nav{position:static!important}
.pro-nav ul{left:0;z-index:10}
.pro-nav li{float:left;width:25%!important;padding-top:3%;margin:0 0 5%}

.cd-main-content,.cd-main-header{-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform}
.cd-main-content,.cd-main-header{position:relative;-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.cd-main-content{z-index:2}
.cd-main-header{z-index:3; top:-4rem;}
.nav-is-fixed .cd-main-header{position:fixed;top:0;left:0;width:100%}
.cd-header-buttons{position:absolute;display:inline-block;top:0;right:2%}
.cd-header-buttons li{display:inline-block}
.cd-nav-trigger{position:relative;display:block;width:40px;height:40px;overflow:hidden;white-space:nowrap;color:transparent;z-index:3}
.cd-nav-trigger span,.cd-nav-trigger span::after,.cd-nav-trigger span::before{position:absolute;display:inline-block;height:3px;width:24px;background:#333}
.cd-nav-trigger span{position:absolute;top:50%;right:10px;margin-top:-2px;-webkit-transition:background .3s .3s;-moz-transition:background .3s .3s;transition:background .3s .3s}
.cd-nav-trigger span::after,.cd-nav-trigger span::before{content:'';right:0;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform-origin:0 50%;-moz-transform-origin:0 50%;-ms-transform-origin:0 50%;-o-transform-origin:0 50%;transform-origin:0 50%;-webkit-transition:-webkit-transform .3s .3s;-moz-transition:-moz-transform .3s .3s;transition:transform .3s .3s}
.cd-nav-trigger span::before{top:-6px}
.cd-nav-trigger span::after{top:6px}
.cd-nav-trigger.nav-is-visible span{background:rgba(46,50,51,0)}
.cd-nav-trigger.nav-is-visible span::after,.cd-nav-trigger.nav-is-visible span::before{background:#333}
.cd-nav-trigger.nav-is-visible span::before{-webkit-transform:translateX(4px) translateY(-3px) rotate(45deg);-moz-transform:translateX(4px) translateY(-3px) rotate(45deg);-ms-transform:translateX(4px) translateY(-3px) rotate(45deg);-o-transform:translateX(4px) translateY(-3px) rotate(45deg);transform:translateX(4px) translateY(-3px) rotate(45deg)}
.cd-nav-trigger.nav-is-visible span::after{-webkit-transform:translateX(4px) translateY(2px) rotate(-45deg);-moz-transform:translateX(4px) translateY(2px) rotate(-45deg);-ms-transform:translateX(4px) translateY(2px) rotate(-45deg);-o-transform:translateX(4px) translateY(2px) rotate(-45deg);transform:translateX(4px) translateY(2px) rotate(-45deg)}
@media only screen and (min-width:992px){
.cd-main-header{display:none}
nav{display:none}
.has-children>a::after,.has-children>a::before{right:15%}
.cd-primary-nav>.has-children>a{padding-right:30px!important}
.cd-secondary-nav>.has-children>a::after,.cd-secondary-nav>.has-children>a::before{display:none}
.cd-primary-nav .go-back a{padding-left:20px}
.cd-primary-nav .go-back a::after,.cd-primary-nav .go-back a::before{left:1px}
}

@media only screen and (max-width:993px){
#header{display:none}
.nav-on-left .cd-logo{left:auto;right:5%}
.cd-main-content.nav-is-visible,.cd-main-header.nav-is-visible{-webkit-transform:translateX(-260px);-moz-transform:translateX(-260px);-ms-transform:translateX(-260px);-o-transform:translateX(-260px);transform:translateX(-260px)}
.nav-on-left .cd-main-content.nav-is-visible,.nav-on-left .cd-main-header.nav-is-visible{-webkit-transform:translateX(260px);-moz-transform:translateX(260px);-ms-transform:translateX(260px);-o-transform:translateX(260px);transform:translateX(260px)}
.nav-on-left .cd-header-buttons{right:auto;left:5%}
.nav-on-left .cd-header-buttons li{float:right}
.cd-primary-nav{visibility:hidden;-webkit-transition:visibility 0s .3s;-moz-transition:visibility 0s .3s;transition:visibility 0s .3s}
.cd-primary-nav.nav-is-visible{visibility:visible;-webkit-transition:visibility 0s 0s;-moz-transition:visibility 0s 0s;transition:visibility 0s 0s}
}
.cd-primary-nav,.cd-primary-nav ul{position:fixed;top:0;right:0;height:100%;width:260px;background:#2e3233;overflow:hidden;-webkit-overflow-scrolling:touch;z-index:2147483647;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .3s;-moz-transition:-moz-transform .3s;transition:transform .3s}
.cd-primary-nav a,.cd-primary-nav ul a{display:block;height:40px;line-height:40px;padding:0 20px;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #3a3f40;-webkit-transform:translateZ(0);-moz-transform:translateZ(0);-ms-transform:translateZ(0);-o-transform:translateZ(0);transform:translateZ(0);will-change:transform,opacity;-webkit-transition:-webkit-transform .3s,opacity .3s;-moz-transition:-moz-transform .3s,opacity .3s;transition:transform .3s,opacity .3s}
.cd-primary-nav ul.is-hidden,.cd-primary-nav.is-hidden{-webkit-transform:translateX(100%);-moz-transform:translateX(100%);-ms-transform:translateX(100%);-o-transform:translateX(100%);transform:translateX(100%)}
.cd-primary-nav ul.moves-out>li>a,.cd-primary-nav.moves-out>li>a{-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);opacity:0}
.cd-primary-nav .see-all a{display:none;color:#69aa6f}
.cd-primary-nav .cd-nav-gallery .cd-nav-item,.cd-primary-nav .cd-nav-icons .cd-nav-item{height:40px;line-height:40px}
.cd-primary-nav .cd-nav-gallery .cd-nav-item h3,.cd-primary-nav .cd-nav-icons .cd-nav-item h3{overflow:hidden;text-overflow:ellipsis;font-size:13px; height:40px; line-height:40px;}
.cd-primary-nav .cd-nav-gallery .cd-nav-item{padding-left:20px}
.has-children-nav .cd-nav-gallery .cd-nav-item{padding-left:20px}
.cd-primary-nav .cd-nav-gallery .cd-nav-item img{position:absolute;display:block;height:40px;width:auto;left:20px;top:50%;margin-top:-20px}
.cd-primary-nav .cd-nav-icons .cd-nav-item{padding-left:75px}
.cd-primary-nav .cd-nav-icons .cd-nav-item p{color:#2e3233;font-size:1.3rem;display:none}
.cd-primary-nav .cd-nav-icons .cd-nav-item::before{content:'';display:block;position:absolute;left:20px;top:50%;margin-top:-20px;width:40px;height:40px;background-repeat:no-repeat;background-position:center center;background-size:40px 40px}
.go-back a,.has-children>a{position:relative}
.has-children>a{padding-right:40px; font-size:14px;}
.has-children>a::after,.has-children>a::before{right:20px;-webkit-transform-origin:9px 50%;-moz-transform-origin:9px 50%;-ms-transform-origin:9px 50%;-o-transform-origin:9px 50%;transform-origin:9px 50%}
.cd-primary-nav .go-back a{padding-left:20px;font-size:14px;}
.cd-primary-nav .go-back a::after,.cd-primary-nav .go-back a::before{left:20px;-webkit-transform-origin:1px 50%;-moz-transform-origin:1px 50%;-ms-transform-origin:1px 50%;-o-transform-origin:1px 50%;transform-origin:1px 50%; font-size:14px;}


/*banner*/
.flex-container a:active,.flex-container a:focus,.flexslider a:active,.flexslider a:focus{outline:0}
.flex-control-nav,.flex-direction-nav,.slides{margin:0;padding:0;list-style:none}
.flexslider{margin:0;padding:0}
.flexslider .slides>li:first-child{display:block;-webkit-backface-visibility:visible}
.flexslider .slides>li{display:none;-webkit-backface-visibility:hidden}
.flexslider .slides img{display:block}
.flexslider .slides .new-img img{width:100%}
.flex-pauseplay span{text-transform:capitalize}
.slides:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
html[xmlns] .slides{display:block}
* html .slides{height:1%}
.no-js .slides>li:first-child{display:block}
.flexslider{margin:0;background:#fff;position:relative;zoom:1}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease}
.loading .flex-viewport{max-height:300px}
.flexslider .slides{zoom:1}
.carousel li{margin-right:5px}
.flex-direction-nav a{width:40px;height:60px;margin:-20px 0 0;display:block;background:url(../images/common/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;-webkit-transition:all .3s ease;z-index:10}
.flex-direction-nav .flex-next{background-position:100% 0;right:50px}
.flex-direction-nav .flex-prev{left:50px}
.flexslider:hover .flex-next{opacity:.8}
.flexslider:hover .flex-prev{opacity:.8}
.flexslider:hover .flex-next:hover,.flexslider:hover .flex-prev:hover{opacity:1}
.flex-direction-nav .disabled{opacity:.3!important;cursor:default}
.flex-control-nav{width:100%;position:absolute;bottom:0;text-align:center}
.flex-control-nav li{margin:0 6px;display:inline-block;zoom:1}
.flex-control-paging li a{width:30px;height:7px;display:block;background:#666;background:rgba(0,0,0,.5);cursor:pointer;text-indent:-9999px;box-shadow:inset 0 0 3px rgba(0,0,0,.3)}
.flex-control-paging li a:hover{background:#333;background:rgba(0,0,0,.7)}
.flex-control-paging li a.flex-active{background:#be182e;background:#be182e none repeat scroll 0 0;cursor:default}
.flex-control-thumbs{margin:5px 0 0;position:static;overflow:hidden}
.flex-control-thumbs li{width:25%;float:left;margin:0}
.flex-control-thumbs img{width:100%;display:block;opacity:.7;cursor:pointer}
.flex-control-thumbs img:hover{opacity:1}
.flex-control-thumbs .active{opacity:1;cursor:default}
@media screen and (max-width:860px){.flex-direction-nav .flex-prev{opacity:1;left:0}
.flex-direction-nav .flex-next{opacity:1;right:0}
}

/*index-pro*/
.index-pro-box{ padding:4rem 15px 3rem}
.container.index-news-box,.index-links.container.mt-4.index-common{ overflow:hidden}
.index-links.container.mt-4.index-common{ margin:1rem auto 3rem !important}
.container.index-pro-box .row{ margin: 0 -6px;}
.index-about{ float:right}
.index-about h3{ color: #000; font-size: 1.8rem;}
.index-about p{ color: #626262; font-size: 1.15rem;}
.col-lg-4.index-about.col-sm-12.flex,.col-lg-4.col-xs-12.col-md-6.index-pro.flex,.index-pro-box .row.flex{display: flex;flex-wrap: wrap;}
.col-lg-4.col-xs-12.col-md-6.index-pro{ padding:0 6px;  margin:0 0 10px;}

.index-pro .txt.p-3{ overflow:hidden; margin:1rem 8% !important; padding:0 !important}
.index-service .index-pro .txt.p-3{ overflow:hidden; margin:0!important; padding:1rem !important}
.index-pro .index-pro-list{box-shadow:0 1px 1px 0 rgba(0,0,0,.16); background: #fff; width: 100%;}
.index-pro .index-pro-list .txt:hover a{ text-decoration:none}
.index-pro .index-pro-list .txt h2{ font-size: 1.25rem; font-weight:bold; margin-bottom:.5rem}
.index-pro .index-pro-list .txt h3{ font-size: 14px; float: left;white-space: nowrap;text-overflow: ellipsis;overflow: hidden; width:100%; margin-top:.75rem}
.index-pro .index-pro-list .txt .col-lg-12 h3:nth-child(2){ float:right}
.index-pro .index-pro-list .txt .fa-angle-right{ margin-left: 10px;}
.col-lg-4.col-xs-12.col-md-6.index-pro .col-lg-12{ padding:0 !important; background:#f7f7f7; text-align:center}
.col-lg-4.col-xs-12.col-md-6.index-pro .col-lg-12 img{ max-height:255px; margin:0 auto; width:auto}
.col-lg-4.col-xs-12.col-md-6.index-pro .txt .col-lg-12{ background:none; text-align:left}
.index-pro .index-pro-list:hover{box-shadow:0 7px 15px rgba(0,0,0,.2);transition:.3s;-webkit-transform:translate(0,-3px);transform:translate(0,-3px);text-decoration:none; }
.index-pro .index-pro-list:hover .txt.p-3{ background:url(../images/common/index_left.png) no-repeat right center; background-size:3.5%}
.index-service .index-pro .index-pro-list:hover .txt.p-3{ background:none}

.index-news-box .news-list{ background: #fff; margin: 30px 0; overflow: hidden;position:relative}
.index-news-box .news-list .col-md-12{ padding: 0; float: left; position:relative}
.index-news-box .news-list:nth-child(2n+1) .col-md-12{ float: right;}
.index-news-box .news-list .col-md-12 h2{ background: #cc3300; color: #fff; font-size: 1.5rem;}
.index-news-box .news-list:nth-child(2n+1) .col-md-12 h2{ background: #cc6600; color: #fff;}
.index-news-box .news-list .col-md-12 h2 a{ color: #fff; text-decoration: none;}
.policy-box p{ color: #626262; font-size: 1.15rem;}
.index-news-box .news-list .more.p-1{ float:right; margin:0 1rem 1rem 0 !important;border: 2px solid #f0f0f0; padding:5px 10px !important; width:auto}
.index-news-box .news-list:nth-child(2n) .more.p-1{width:113px}
.service .news-list .more.p-1.m-3{ left:inherit !important; width:185px}
.index-news-box .news-list .more.p-1.m-3 i{ margin-left:.5rem}
.index-news-box .news-list .more.p-1:hover{ text-decoration:none;border: 2px solid #c30;}

.containon-title h4,.container-title h4{ margin-bottom: 1rem;text-transform:uppercase;}
.index-case .index-pro-list .col-lg-12.tag{ overflow: hidden; margin-bottom: .5rem; height:23px;}
.index-case .index-pro-list .col-lg-12.tag i{ background: url(../images/common/case_icon.png) no-repeat; background-size: contain;  height: 23px; display: block;}
.index-case .index-pro-list .txt h2,.index-service .index-pro-list .txt h2{ font-size: 1.2rem; }

.index-service .index-pro-list .txt h2{ margin-bottom:1rem}
.index-service .index-pro .index-pro-list .txt .tag i{ background: url(../images/common/icon.png) no-repeat; display: block; margin-bottom: 10px;}
.index-service .index-pro:nth-child(1) .index-pro-list .txt .tag i{ height: 30px; width: 30px; background-position: -2px -1px;}
.index-service .index-pro:nth-child(2) .index-pro-list .txt .tag i{ height: 30px; width: 30px; background-position: -2px -46px;}
.index-service .index-pro:nth-child(3) .index-pro-list .txt .tag i{ height: 30px; width: 34px; background-position: -2px -88px;}

.index-links .col-md-6.col-lg-6 a{ background: #fff; display: block; font-size: 1.1rem;}
.index-links .col-md-6.col-lg-6 a i{ margin-left: 10px;}
.index-common .common-padding{ padding: 0 6px;}

.index-explore .index-explore-box h5 a{ color: #fff;}
.index-explore .index-explore-box h5 i{margin-left: 10px;}
.index-explore .index-explore-box:nth-child(1) h5{ background: #cc3300; color: #fff;}
.index-explore .index-explore-box:nth-child(2) h5{ background: #cc6600; color: #fff;}
.index-explore .index-explore-box .col-lg-12{ background: #fff; padding: 15px 15px 0; min-height:132px}
.index-explore .index-explore-box .col-lg-12 a{ display: block; padding:0 0 15px 0;}

/*page-banner*/
.page-banner{ position: relative; background-position: center !important; background-size: cover !important; }
.page-banner-box{ position: absolute; left: 0; top: 0; width: 100%;height: 100%;display: table; }
.page-banner-box .container{ text-align: center; position: relative;color: #fff; display: table-cell; vertical-align: middle;}
.page-banner-box .container h1{ text-shadow: 3px 2px 2px rgba(0,0,0,.7); background:url(../images/common/titbg.png) no-repeat center center; padding:.5rem 0; margin-bottom:1rem; font-size:2rem}
.page-banner-box .container p{ font-size: 1.3rem; text-shadow:2px 2px 2px  rgba(0,0,0,.7);}
/*bread-nav*/
.bread-nav{ text-align: right; color: #333; text-transform: capitalize; margin-bottom:3rem !important}
.bread-nav a,.bread-nav a i{ color: #999;}
.bread-nav a i{ margin: 0 .5rem;}
.bread-nav a:nth-child(1){background: url(../images/common/icon.png) no-repeat left center;background-position:1px 2px; padding: 0 0 0 1.5rem; background-position: -9px -130px; }
.bread-nav a{white-space: nowrap; display: inline-table;}

/*product*/
.container.product-list.mt-4.pt-4{ padding:0}

.product-select .tit{ text-transform: uppercase; margin-bottom: 1rem; height:36px;}
.product-select .tit .control{float: left;background: #c30;color: #fff;height: 26px;overflow: hidden;margin-top: 6px; padding:0px 5px !important}
.product-select .tit strong{ font-size: 1.5rem; margin-right: 1rem; float:left }
.product-select .control{padding: 3px 5px;}
.product-select li{ margin-top: 1rem;}
.product-select li strong{text-transform: uppercase; font-size: 1.15rem;padding: 0 0 0 3rem;  display: table; margin-bottom:1rem;}
.product-select li .control{ font-size: 1rem; padding:5px 10px; color: #999; margin-right: 1rem; border:1px dotted #C6C6C6; position:relative}
.product-select .control:hover,.product-select li .control:hover,.product-select li .control.mixitup-control-active { background:#c6c6c6; color: #fff;}
.product-select li .control.mixitup-control-active::after{font-family:'FontAwesome';width: 12px;height: 12px;font-size:12px;content:"\f00d";display: block;position: absolute;right:-5px; top:-5px; color:#c30}
.product-select li:nth-child(1) strong{ background: url(../images/common/Capacity.png) no-repeat;background-size: contain;}
.product-select li:nth-child(2) strong{ background: url(../images/common/model.png) no-repeat;background-size:contain;}
.product-select li:nth-child(3) strong{ background: url(../images/common/type.png) no-repeat;background-size: contain;}
.product-select li:nth-child(4) strong{ background: url(../images/common/other.png) no-repeat;background-size: contain;}
.pro-case-txt{ background: #fff; margin: 0; position:relative}
.pro-case-txt h2{ background: #cc3300; color: #fff; font-size: 1.45rem;font-weight:bold}
.pro-case-txt h3{ font-size:1.25rem; border-left:5px solid #c30}
.case-txt p{ margin-bottom:10px;}
.case-contact{ display: table; margin-bottom:2rem; text-align:center; width:100%}
.case-contact a{text-align: center;float: left;vertical-align: middle;width: 50%;height: 50px;line-height: 50px;border: 2px solid #f0f0f0; text-decoration:none}
.case-contact a i {display: inline-block;vertical-align: middle;margin-right: 10px;}
.case-contact .online{ background: #d70c25; color: #fff;}
.case-contact .online:hover{ text-decoration:none; background:#fff; color:#d70c25; border:2px solid #d70c25}
.case-contact .mail{ color: #cc3300;}
.pro-txt{ font-size: 1.15rem;}
.advantage-box{ display: table;}
.advantage-img,.advantage-txt{ display: table-cell;vertical-align: middle; padding: 0;}
.advantage-txt h5{ font-size:1.25rem; font-weight:bold; margin-bottom:1rem}
.advantage-img.col-3{ width: 1%; background:#e3e3e3; color:#fff; text-align:center; font-size:3rem; vertical-align:middle; min-width:140px;}
.advantage-txt{background: #fff; padding:1.5rem 1rem}
.pro-parameters-table{ overflow: auto; margin-bottom:3rem !important}
.pro-parameters-table .table thead th{ background: #e0e0e0;}
.pro-parameters-table .table tr:nth-child(even){background:#fff;}
.pro-parameters-table .table tr:nth-child(odd){background:#e1e1e1;}
.pro-parameters-table .table tr:hover{ background: #f0f0f0;}
.pro-parameters-table .table td,.pro-parameters-table .table th{ border: none; border-left:2px solid #f0f0f0; text-transform: capitalize; vertical-align: middle;}
.pro-technical .img{ position: relative;}
.pro-technical .txt{width: 100%;}
.pro-technical .txt h5{ font-size: 1.15rem; margin-bottom: .5rem; text-transform:capitalize; font-weight:800; height:48px; overflow:hidden}
.pro-technical .txt p{font-size: 1rem; color:#000 !important; height:40px; overflow:hidden;}
.pro-technical .col-lg-3{ background: #fff; padding: 0; border: 4px solid #f0f0f0;}
.pro-technical .row{ margin: 0;}
.pro-technical .pro-technical-txt{ background:#fff;}
.pro-technical .pro-technical-txt p{color: #7d7d7d; line-height:1.25; overflow:hidden}

/*news*/
.container.index-news-box.containon-title{ overflow: hidden;}
.news-more{ border: 2px solid #d70c25; padding: .25rem 1rem; float:right; font-size: 1.15rem; margin-bottom:2rem}
.news-more a{color: #d70c25; }
.news-more a i{ margin-left: .5rem;}
.index-news-box .news-video .col .video-media a{ position: relative;text-decoration: none;}
.index-news-box .news-video h3{ width:1%; display: table-cell; height: 96px; background: #fff; font-size: 1.15rem; padding: 1rem; text-align: center; vertical-align:middle}
.index-news-box .news-video h3 a{ display: table-cell; vertical-align: middle; text-transform: uppercase;}
.index-news-box .news-video .col .video-media{ border: 2px solid #f0f0f0;}
.index-news-box .news-video .col .video-media .video-media-img{ position: relative;}
.index-news-box .news-video .col .video-media .bg{  position: absolute; left: 0; top: 0; height: 100%; width: 100%; z-index: 1;}
.index-news-box .news-video .col .video-media:hover .bg{background:url(../images/common/viode_play.png) no-repeat center; background-size: 15%;}
.index-news-box .news-video .col .video-media:hover{ border:2px solid #cc3300; background: #cc3300;}
.index-news-box .news-video .col .video-media:hover h3{ background: #cc3300;color: #fff; }


.index-news-box .news-video .parameter{ width:1%; display: table-cell; height: 96px; background: #fff;  padding: 1rem; vertical-align:middle; }
.index-news-box .news-video .parameter h3{height:42px; overflow:hidden; font-weight:bold; text-align:left; padding:0}
.index-news-box .news-video .parameter p{ width:50%; float:left;  margin-top:.85rem; line-height:16px}
.index-news-box .news-video .parameter p strong{ display:table; width:100%; margin-bottom:.3rem; font-size:15px; text-transform:capitalize}
.index-news-box .news-video .col .video-media:hover .parameter{ background: #cc3300;color: #fff; }

.news-btn.container.mb-4{ display: table;}
.news-btn-menu {display:tbale;font-size:1.15rem;color:#fff; background: #cc3300; width: 100px; text-align: center;line-height: 40px; height: 40px; position: relative;}
.news-btn-menu select{border: none;outline: none;appearance: none;-webkit-appearance: none;-moz-appearance: none; color: #fff; width: 100%; padding-left: 1rem;}
.news-btn-menu option{padding-left: 1rem; color: #333; width: 100%; background: #fff; border: none; line-height: 30px; height: 30px; }
.news-btn-menu:after {content:"\f107" ;width: 14px;height: 8px; position: absolute;right: 15px;pointer-events: none;font-family:'FontAwesome'; font-size: 1.5rem;}

.news-menu-body{ position: fixed; width: 100%; height: 100%; left: 0; top: 0; display: none;}
.news-box{ overflow: hidden;}
.news-box .articl-list{ background: #fff; width: 49%; margin-bottom: 30px; padding: 1.5rem;}
.news-box .articl-list:nth-child(odd){ float: left;}
.news-box .articl-list:nth-child(even){ float: right;}
.news-box .articl-list h3{ font-size: 1.25rem; font-weight: bold;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;float: left;width: 100%; margin-bottom: 1rem;}
.news-box .articl-list p{ color: #626262; height:65px; overflow: hidden;}
.news-box .articl-list .time{ border-top: 2px solid #cc3300; padding-top: .75rem; display: table; height: auto; margin-bottom: .5rem;}
.news-box .articl-list .more{ float: right; border: 2px solid #f0f0f0;}

.news-pagination .page-item.disabled .page-link{ background: none; }
.news-pagination li{ color: #626262; font-size: 1.15rem; margin: 0 5px;}
.news-pagination li a{ background: none; border: none; color: #626262;}
.news-pagination li a i{ font-size: 1.25rem;}
.news-pagination .page-item.active .page-link{ background: #cc3300;}
.news-pagination li a:hover{background: #cc3300; color: #fff;}

.video-nav.container{ display: flex;}
.video-nav a{ width:19.6%; float:left;background: #c6c6c6; text-align: center; padding: 1rem; color: #fff; font-size: 1.15rem; position: relative;text-decoration:none;border:2px solid #c6c6c6; margin-right:0.5%;}
.video-nav a:last-child{ margin-right:0}
.video-nav img{ width: auto; margin-bottom: .5rem;}
.video-nav a:hover{ border:2px solid #c30}
.video-nav .active{ background: #cc3300;border:2px solid #c30}
/*.video-nav a:hover::before,*/.video-nav .active::before{width: 50%;height: 4px;content: '';background: #cc3300;display: block;position: absolute;bottom: -15px; left: 25%;}
.news-video .col.col-sm-6.col-md-4.col-12{ margin-bottom: 1rem;}
.video-box.container h2{ width: 100%; font-size: 1.15rem; padding: 1rem 0 0; }
.video-box-article .vjs-tech{ margin: 0 auto;}
.article-box .news-tit,.article-p{ border-bottom: 2px solid #c30; }
.news-tit h2{ font-size:1.75rem}
.article-box .news-tit p{color: #626262; margin: .5rem 0; font-size:.75rem}
.article-p{color: #626262;font-size: .9rem; padding: 3rem 0; line-height:1.6}
.article-p img{ width: auto;}
.news-page{ margin:1.5rem 0 1rem; overflow: hidden;}
.news-page a{ width: 45%;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;color: #626262; position: relative;}
.news-page a i{ position: absolute; width: 10px; top:5px}
.news-page .fl{ float: left; padding-left: 10px;}
.news-page .fl i{ left: 0;}
.news-page .fr i{ right: 0;}
.news-page .fr{ float: right; padding-right: 10px; text-align:right}
.news-page a:hover{ color: #c30;}

/*service*/
.service-tit{font-size: 1.15rem; margin-bottom:3.5rem}
.service-scope{ overflow: hidden; margin-bottom:2rem !important}
.service-scope li{ width:23.5%; float:left; margin-right:2%; margin-bottom:2%; height:360px; border:1px solid #ddd; text-align:center; overflow: hidden;}
.service-scope li a{ position:relative; display:table; width:100%; color:#333}
.service-scope li .name{ display: table; width: 60%; margin: 0 auto; font-size: 1rem;}
.service-scope li a:hover,.service-scope li:hover .name{ text-decoration: none;}
.service-scope li .shuffer-up{ width:100%; height:100%;height:360px;display:table-cell; vertical-align:middle; text-align:center}
.service-scope li .img img{ width:42px; height:auto}
.service-scope li .shuffer-img{ height:80%; width:100%; position:absolute; bottom:0; left:0;background:#000; opacity:0;}
.service-scope li .shuffer-bg{ background:#000; position:absolute; left:0; top:0; height:100%; width:100%; z-index:3}
.service-scope li:hover .shuffer-bg{ opacity:.7}
.service-scope li:hover .shuffer-img{ bottom:0;z-index:2; left:0;-webkit-transition: all linear 500ms;transition: all linear 500ms; opacity:1;}
.service-scope li .shuffer-txt{ opacity:0; position:absolute; top:0; text-align:center; color:#fff; z-index:3;-webkit-transition: all linear 500ms;transition: all linear 500ms; left:0; width:100%;text-align:left;}
.service-scope li:hover .shuffer-txt{ display:block; -webkit-transition: all linear 500ms;transition: all linear 500ms; left:0;opacity:1; }
.service-scope li .shuffer-txt p{ padding:0 1rem;margin-bottom:1rem; height:87px;}
.service-scope li .shuffer-txt p:nth-child(1){background: #c30; padding: 1rem; text-align: center;}
.service-scope li .shuffer-txt p strong{ font-size:1.15rem;  text-align: center;}
.service-scope li:nth-child(4n){ margin-right: 0;}

/*about*/
.about-history{ position: relative;}
.about-history .about-history-box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; color: #fff;}
.about-history-list{ margin-top: -3rem; margin-bottom: 4rem;}
.history-list-info{ position: relative;}
.history-list-info .box{ position: absolute; left: 0; top: 0; width: 100%; height: 100%;background:#000; opacity:.5;filter:alpha(opacity=50)}
.history-list-info .time{font-size: 1.75rem; color: #fff; position: absolute; top: 2rem; left: 1rem;}
.history-list-info .time hr{ display: table; width: 2rem; float: left;  background: #fff; height: 3px;}
.history-list-info:hover .box{opacity:0;filter:alpha(opacity=0)}
.history-list-info .txt{ background: #999; position: absolute; left: 0; bottom: 0; width: 100%; z-index: 2; color: #fff; font-size: 1.25rem; padding: 1rem;}
.history-list-info:hover .txt{ background: #c30;}

.about-honor{ background: url(../images/common/honorbg.webp) no-repeat;background-size: cover !important;background-position:top center !important;}
.about-honor .about-txt{ margin-bottom:4rem !important}
.about-honor .about-txt p .more{ background: #fff; border: 2px solid #f0f0f0; display: table; margin-top: 10px;}
.about-honor .about-txt p .more:hover{ text-decoration:none; border:2px solid #c30}
.honor-box .arrow i{ font-size: 2.5rem; text-align: right; display: table; width: 100%;}
.honor-box-b,.honor-box-t,.honor-box-r{ position: relative;}
.honor-box-b .col-md-6,.honor-box-t .col-md-6,.honor-box-r .col-md-6{ padding: 0;}
.honor-box-b .about-txt,.honor-box-t .about-txt,.honor-box-r .about-txt{ position: absolute; text-align: right; overflow: hidden;}
.honor-box-t .about-txt{ right: 1rem;}
.honor-box-b .about-txt{ bottom: 0;}
.honor-box-r{ background: #c30; color: #fff;}
.honor-box-r .about-txt{ left: 1rem; bottom: 1rem; text-align: left;}
.honor-box-r .about-txt .arrow i{ text-align: left;}

.video-nav.about-nav a{ width: 33%; margin-right:0.3%}
.scientific .col-sm-6.col-md-6.col-lg-3{ display: table; text-align: center; margin-bottom: 2rem;}
.scientific .scientific-box{ height: 370px;background: #fff;  display: table-cell; vertical-align: middle; padding: 0 2rem; font-size: 1rem;}
.scientific .scientific-box img{ width: auto;}
.scientific .scientific-box p{ margin-top: .5rem;}
.contact-company-r.scientific{ vertical-align: top; font-size: 1.15rem;}

.patented-box{ overflow: hidden;}
.patented-box li{ width: 33.3%; float: left; text-align: center;}
.c100 .bar{position:absolute;border:.08em solid #cd4214;width:.84em;height:.84em;clip:rect(0,.5em,1em,0);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);-o-transform:rotate(0);transform:rotate(0)}
.c100 *,.c100:after,.c100:before{box-sizing:content-box}
.c100{position:relative;font-size:150px;width:1em;height:1em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:1rem auto;background-color:#ccc}
.c100 p{position:absolute;width:100%;height:100%;z-index:1;left:0;top:25%;font-size:1.15rem;color:#ccc;display:block;text-align:center;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-out;-moz-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}
.c100:after{position:absolute;top:.08em;left:.08em;display:block;content:" ";-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#f5f5f5;width:.84em;height:.84em;-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;transition-property:all;-webkit-transition-duration:.2s;-moz-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s;-webkit-transition-timing-function:ease-in;-moz-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in; box-sizing: initial;}
.c100 .slice{position:absolute;width:1em;height:1em;clip:rect(0,1em,1em,.5em)}
.c100 p span{ display: table; vertical-align: middle; width: 80%; margin: 0 auto; line-height:1.2}
.c100 p span.num{ font-size: 1.75rem; color: #c30; font-weight: bolder;}
.c100:hover{cursor:default}
.c100:hover>p  {width:100%;font-size:1.25rem;}
.c100:hover>p  span.num{width:100%;font-size:2rem;}
.c100:hover:after{top:.04em;left:.04em;width:.92em;height:.92em}

#timeline{width:100%;margin:30px auto 45px;position:relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;-ms-transition:all .4s ease;transition:all .4s ease}
#timeline:before{content:"";width:4px;height:100%;background:#c30;left:50%;top:0;position:absolute}
#timeline:after{content:"";clear:both;display:table;width:100%}
#timeline .timeline-item{margin:0 auto;position:relative;display:table;width:99%}
#timeline .timeline-item .desc{background:#c30; width:20px; height:20px;position:absolute;top:-5px;left:49.3%;-webkit-border-radius:100%;-moz-border-radius:100%;-ms-border-radius:100%;border-radius:100%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; border: 3px solid #e7987d;}
#timeline .timeline-item .timeline-icon{ font-size:1.5rem; color:#c30; font-weight:bold; -webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease; margin-bottom: 2rem;}
#timeline .timeline-item .timeline-icon img{position:relative;top:14px;left:14px}
#timeline .timeline-item .timeline-content{width:48%;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease;}
#timeline .timeline-item .timeline-content .timeline-txt{margin-top: 1rem;}
#timeline .timeline-item .timeline-content.right{float:right; text-align:left;}
#timeline .timeline-item .timeline-content strong{ color:#d30c24; font-size:1rem; margin-bottom:8px}
#timeline .timeline-item .timeline-content p{ margin-bottom:8px;}
#timeline .timeline-item .timeline-content.last{ background:#d30c24; text-align:center}
#timeline .timeline-item .timeline-content.last strong{color:#fff}
#timeline .timeline-item .timeline-content.last:before{border-left:20px solid #d30c24;}
.timeline-slides ol.flex-control-nav.flex-control-paging,.about-slides ol.flex-control-nav.flex-control-paging{ display: none;}
.timeline-slides .flex-direction-nav .flex-next,.about-slides .flex-direction-nav .flex-next{right: 0;bottom: 1rem;top: auto;}
.timeline-slides .flex-direction-nav .flex-prev,.about-slides .flex-direction-nav .flex-prev{bottom: 1rem;top: auto; left:auto; right: 40px;}
.flex-direction-nav a{width:40px;height:60px;margin:-20px 0 0;display:block;background:url(../images/common/bg_direction_nav.png) no-repeat 0 0;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;-webkit-transition:all .3s ease;z-index:10}
.flexslider.timeline-slides{ padding: 0 0 1rem 1rem; background: none; z-index:2}
.flexslider.timeline-slides:before{content:"";width:75%;height:95%;background:#c30;left:0%;bottom:0;position:absolute; z-index:-1}

.about-honor-list{ margin-top: -2rem;}
.about-honor-list .col-12{ margin-top: 2rem;}
.about-honor .img{ background: #fff; text-align: center; padding: 15px 2rem; height: 330px; line-height: 300px;}
.about-honor .img img{ width: auto; max-height:300px}
.about-honor .txt{ background: #dbdbdb; display: table; text-align: center; height: 90px; font-size: 1.15rem; padding:.5rem 1rem; width: 100%; overflow: hidden;}
.about-honor .txt p{ display: table-cell; vertical-align: middle; text-transform:uppercase;}
.about-slide-box{ overflow: hidden;}
.about-slide-box .about-slide-nav,.abouttab-main{ width: 50%; float: left; overflow: hidden;}
.about-slide-box .about-slide-nav a{ display: table; font-size: 1.35rem;color: #c6c6c6; text-transform: uppercase;width: 100%;text-decoration: none;}
.about-slide-box .about-slide-nav a:hover,.about-slide-box .about-slide-nav .active{ color:#c30 }
.about-slide-nav span{ display: inline-block; vertical-align: middle;}
.about-slide-nav .num{ width: 15%; font-size: 3.5rem;}
.about-slide-nav a:hover .num,.about-slide-nav a:hover .icon i,.about-slide-box .about-slide-nav .active .num,.about-slide-box .about-slide-nav .active  .icon i{ -webkit-text-stroke:1px #c30;}
.about-slide-nav .txt{ width: 70%;}
.about-slide-nav .icon{ width: 10%; }
.about-slide-nav .icon i{ float: right; font-size: 2rem; margin-right: 2rem; display: none;}
.about-slide-nav .active .icon i,.about-slide-nav a:hover .icon i{ display: block;}
.about-slide-txt{ padding: 1rem; background: #fff;}
.about-slide-txt p{ min-height:130px;}
.abouttab-box .swiper-button-prev,.abouttab-box .swiper-container-rtl .swiper-button-next,.abouttab-box .swiper-button-next,.abouttab-box .swiper-container-rtl .swiper-button-prev{width:40px;height:60px;margin:-20px 0 0;display:block;background:url(../images/common/bg_direction_nav.png) no-repeat 0 0 !important;position:absolute;top:50%;cursor:pointer;text-indent:-9999px;-webkit-transition:all .3s ease;z-index:10}
.abouttab-box .swiper-button-next{background-position: 100% 0 !important;}
.abouttab-box .swiper-button-next,.abouttab-box .swiper-button-prev{ top: initial !important; bottom: 1px;}
.abouttab-box .swiper-button-prev{ left: initial; right: 40px;}
.experiment-box{ background: #fff;}
.experiment-box .about-txt{ padding:0.5rem; font-size:1rem}
.about-display{ display: table; margin: 0 auto; width: 100%; padding:2.5rem  0 !important}
.about-display-b{ display: table-cell; vertical-align: middle; text-align: center; width:1%}
.about-display-b p{ color: #c6c6c6; font-size: 1.25rem;}
.about-display-b p strong{ color: #c30; font-size: 2rem; }
.about-display-b p strong span{ font-size: 1.25rem;}
/*contact*/
.contact-tit{ text-align: center; display: table; width:80%; margin: 0 auto 2rem !important; line-height: 36px; font-size:1.15rem;text-transform:capitalize !important}
.contact-form-table{ width: 70%; margin: 0 auto;}
.contact-form-main{ background: #fff; padding:3rem 1rem;}
.contact-form-main p,.contact-form-main srtong,.contact-form-main h4{ text-align: center; margin-bottom: .5rem;}
.contact-form-main p strong{ font-weight:inherit}
.contact-label{ position: relative; border: 1px solid #c6c6c6;height: 45px; margin-top: 1rem;}
.contact-textarea{border: 1px solid #c6c6c6; padding: 1rem; margin-top: 1rem;}
.contact-label label{ width: 45px; height: 30px; border-right: 1px solid #c6c6c6; position: absolute; left: 0; top: 5px; }
.contact-label label i{ display: block; width: 40px; height: 20px; margin: 5px 0 0 3px; }
.contact-label .name{ background: url(../images/common/contact_name.png) no-repeat center;}
.contact-label .mail{ background: url(../images/common/contact_mail.png) no-repeat center;}
.contact-label .tel{ background: url(../images/common/contact_tel.png) no-repeat center;}
.contact-label .company{ background: url(../images/common/contact_company.png) no-repeat center;}
.contact-label .country{ background: url(../images/common/contact_country.png) no-repeat center;}
.contact-label .city{ background: url(../images/common/contact_add.png) no-repeat center;}
.contact-label .product{ background: url(../images/common/contact_pro.png) no-repeat center;}
.contact-label .form-label{ width: 100%; padding-left: 55px; line-height: 45px;}
.contact-label input,.contact-label select,.contact-textarea textarea{ width: 100%;}
.contact-label-submit .submit{ display: table; margin: 2rem auto 0; background: #d70c25; padding:.5rem 1rem; color: #fff; font-size: 1rem;}
#Validform_msg{color:#7d8289;width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none;filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999'); box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);}
#Validform_msg .iframe{position:absolute; left:0px; top:-1px; z-index:-1;}
#Validform_msg .Validform_title{line-height:45px; height:45px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative;
    background: #a0071b; font-size: 1.15rem;}
#Validform_msg a.Validform_close:link,#Validform_msg a.Validform_close:visited{line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none;}
#Validform_msg a.Validform_close:hover{color:#ccc;}
#Validform_msg .Validform_info{padding:2rem;border:1px solid #bbb; border-top:none; text-align:left;}

.contact-r .col-12,.contact-ico .contact-l,.col-12.contact-r.wechat{ margin-top: 1rem;}
.contact-ico .contact-r a,.contact-ico .contact-l a{ color: #c6c6c6; font-size: 1.15rem;}
.contact-ico .contact-l a:hover,.contact-ico .contact-r .col-12 a:hover,.contact-r a:hover{ text-decoration: none;}
.contact-ico .contact-l .common:hover,.contact-ico .contact-r .common:hover,.contact-r .commom:hover{ background: #c30; color: #fff; }
.contact-ico .contact-l{ display: table; text-align: center; height: 188px;}
.contact-ico .contact-l .common{ background: #fff; display: table-cell; vertical-align: middle; height:188px; width:1%}
.contact-r .col-12,.contact-r .commom {height: 120px; display: table; vertical-align: middle; text-align: center; width: 100%;}
.contact-r .col-12 .common{ display: table-cell;vertical-align: middle; text-align: center;background: #fff;height:120px; width:1%}
.contact-r .commom{ background: #fff;}
.wechat-icon,.wechat-img{ display: table-cell; vertical-align: middle;}
.wechat-icon{  width:36%; position:relative}
.wechat-icon:after{ right:0; height:80%; width:1px; background:#c6c6c6; content:''; position:absolute; top:10%}
.wechat-img{padding-right: 5%; }
.wechat-img img{ max-width: 87px; margin:0 1rem;}

.container.arrival.containon-title.px-0 h4{ margin-bottom: 0;}
.contact-company{ display: table; margin-top: 1.5rem; width:100%}
.contact-company-l,.contact-company-r{ display: table-cell; vertical-align: middle; width: 50%;}
.contact-company-l .img img,.contact-company-r .img img{ max-height:450px}
.contact-company-r{ background: #fff; padding: 2rem;}
.contact-company-r p:nth-child(even){ margin-top: 10px;}
.contact-company .add h5{ font-size:1.2rem; font-weight:bold}

/*policy*/
.policy-box{ border-top:2px solid #c30}
.policy-box p{ margin-top:1rem}
.policy-box p strong{ color:#000; font-size:1.25rem}
/*404*/
.no-page-txt,.no-page-link{ color:#000}
.no-page-txt h2{font-size:8rem}
.no-page-link span{ margin:0 5px}

.webmap{ padding-top:1rem}
.mapbox a{margin:0 5px; color:#626262}
.webmap-h3 a{word-wrap:break-word; white-space:nowrap; word-break:break-all;}
.mapbox{border-bottom:1px solid #bab7b6;padding-bottom:2%;margin-bottom:2%;height:auto;overflow:hidden}
.webmap-tit{width:100%;margin-bottom:1%}
.webmap-h1,.webmap-h2,.webmap-tit a{font-weight:700}
.webmap-tit a,.webmap-h2 a{color:#000}
.webmap-h2{float:left;width:20%}
.webmap-h3{float:left;width:80%}
.mapbox a:hover{color:#b81b32}


/*solution*/
.index-pro-list.solution-box{ position:relative;}
.index-pro-list.solution-box .txt{ position:absolute; bottom:0; padding:1rem 2rem 1rem;background:url(../images/common/solutionbg.png) repeat-x left bottom ; width:100%}
.pro-main .index-pro-list.solution-box .txt{ background-position:left center}
.index-pro-list.solution-box a{ color:#fff}
.index-pro-list.solution-box .txt p{ margin-top:1rem}
.index-pro-list.solution-box .txt .more{ background:#fff; display:block; float:left;border-radius:16px;-webkit-border-radius:16px;-ms-border-radius:16px;-o-border-radius:16px;-moz-border-radius:16px; padding:0px 16px; height:35px; line-height:35px; color:#333}
.index-pro-list.solution-box .txt .capacity{ float:right; color:#fff;height:35px; line-height:35px; font-size:1rem}
.index-pro-list.solution-box .txt .more i{ float:right; font-size:2rem;}
.index-pro-list.solution-box:hover .txt .more{ background:#d70c25; color:#fff}
.index-pro-list.solution-box .txt::before,.index-pro-list.solution-box .txt::after{position:absolute;content:'';opacity:0;transition:all 0.5s;}
.index-pro-list.solution-box .txt::before{top:25px;right:0;bottom:0;left:0;border-bottom:4px solid #d70c25;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0}
.index-pro-list.solution-box:hover .txt::before,.index-pro-list.solution-box:hover .txt::after{opacity:1;transform:scale(1);transition: all 1.5s;}

.solution{overflow: hidden;}
.solution-main{margin-right: -2rem !important;overflow: hidden;}
.solution-list{float: left;width: 33.3% !important;padding-right: 2rem !important;box-sizing: border-box;background-clip: content-box; margin-bottom:2.5rem !important}


.solution-introduction{ background-position:right bottom; background-repeat:no-repeat; height:652px; background-size:100%; overflow:hidden}
.solution-common .tit{ border-left:4px solid #d70c25; position:relative; padding:0 0 0 1rem; margin-bottom:2.5rem}
.solution-common .tit::before{ position:absolute; width:4px; height:20px; left:-4px; top:0; z-index:1; background:#484748;content:'';}
.solution-common .tit .english{ font-size:1.5rem; font-weight:bold}
.solution-common .tit .chinese{ font-size:1.5rem; letter-spacing:4px}
.solution-introduction .txt{ font-size:1rem; line-height:1.8}

.solution-strengths{ height:auto; overflow:hidden}
.solution-process{ background:#f0f0f0}
.solution-process-edit img{ width:auto}

.solution-strengths{ background-position:center bottom; background-repeat:no-repeat;background-size:auto}
.strengths-box{ height:auto; overflow:hidden; margin-bottom:1.5rem}
.strengths-tab-nav {overflow:hidden;zoom:1;}
.strengths-tab-nav li {float:left;color:#fff;border:1px solid #6c6d7a;border-radius:8px;cursor:pointer;	line-height:30px;padding:0 1rem; font-size:1.35rem; width:30%; margin-bottom:2rem; padding-top:1rem}
.strengths-tab-nav li p{ margin-bottom:1rem}
.strengths-tab-nav li.current {color:#fff;background:url(../images/common/tabbg.png) repeat-x;}
.strengths-tab-main { color:#fff; min-height:80px;}
.strengths-tab-main ul {line-height:25px;display:none;	margin:0 0 2rem;padding:10px 0; font-size:1rem}

.solution-product{ background:#f0f0f0}
.solution-swiping li{ font-size:1rem; list-style-image:url(../images/common/spot.png); padding:0 0 0 1rem; margin-left:3rem; margin-bottom:1rem; cursor:default}
.solution-case .swiper-wrapper{ margin-bottom:2rem}
.swiper-pagination.solution-pagination.swiper-pagination-bullets{ bottom:0}
.swiper-pagination.solution-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active{ background:#000}
/*case*/
.case-tit{ text-align:center; border-bottom:2px solid #cc3300; padding:0 0 2rem; margin-bottom:2rem}
.case-tit h2{ font-size:1.75rem;}
.case-condition{ text-align:center; font-size:1.15rem; color:#999; position:relative}
.case-condition p{ margin-bottom:1rem}
.case-condition p strong{ color:#333}
.case-article{ padding:2rem 0}
.case-article img{ width:auto}
.news-page.case-page a{ height:40px; line-height:40px}
.news-page.case-page i{ font-size:2rem; width:15px;}
.news-page.case-page .fl{ padding-left:20px;}
.news-page.case-page .fr{ padding-right:20px}
/*foot*/
.foot.mt-4.pt-4{ margin-top:5rem !important}
.foot-top.row{ margin: 0 auto;}
.foot .foot-top .col-lg-4{ background-size: cover !important; background-position: center !important;  padding: 2rem !important;min-height: 230px;}
.foot .foot-top .col-lg-4:nth-child(1){background: url(../images/foot/f1.webp) no-repeat; }
.foot .foot-top .col-lg-4:nth-child(2){background: url(../images/foot/f2.webp) no-repeat; }
.foot .foot-top .col-lg-4:nth-child(3){background: url(../images/foot/f3.webp) no-repeat; }
.foot .foot-top .col-lg-4 a{ color: #fff;text-transform: uppercase;}
.foot .foot-top .col-lg-4 h5{ margin:2rem 0 1rem;color: #fff; font-weight: 600; text-transform: uppercase;}
.foot .foot-top .col-lg-4 p{ color:#fff;}
.foot-bottom{ background: #292929; color: #aaa;}
.foot-bottom a{ color: #aaa;}
.foot-bottom .acc-item h6{font-weight: 600; text-transform: uppercase; border-bottom: 1px solid #a0a0a0; padding-bottom: 1rem; margin-bottom: 1rem; position: relative;}
.foot-bottom .acc-item h6::before{width: 1.5rem;height: 5px;content: '';background: #535353;display: block;position: absolute;bottom: -3px;}
.foot-bottom .acc-item .acc_container a{ display: block; margin-bottom: 5px;}
.follow a{ margin-right: 1rem;}
.follow a i{ font-size: 1.25rem;}
.foot-contact p{ margin-bottom: 8px;}
.foot-contact p i{ margin-right: .75rem; font-size: 15px;;}
.foot-online{ text-align: center; border: 1px solid #aaa; padding: 8px 0;}
.foot-online a{ display: block;}
.foot-content{ border-top: 1px solid #aaa; text-align: center; font-size: 12px; padding-left: 0; padding-right: 0;}
.foot-content a{ margin: 0 10px;}
.foot-bottom .foot-wechat{ display:table; margin-top:1rem}
.foot-bottom .foot-wechat div{ display:table-cell;vertical-align:middle}


.shuffer-up{ position:relative}
.shuffer-bg {height: 0px;width: 100%;position: absolute;bottom: 0;opacity:0;-webkit-transition: all linear 300ms;transition: all linear 300ms;}
.shuffer-up:hover .shuffer-bg{height: 100%;background-color: #d70c25; opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.stars-info {height: 180px;position: absolute;bottom: 0;text-align: center;width: 100%;-webkit-transition: all linear 500ms;transition: all linear 500ms;color: #fff;opacity:0;}
.shuffer-up:hover .stars-info {height: 20%;border-bottom:none;-webkit-transition: all linear 500ms;transition: all linear 500ms;opacity:1; display:block}
.shuffer-link{opacity:0;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .stars-info{opacity:1;-webkit-transition: all linear 500ms;transition: all linear 500ms;}
.shuffer-up:hover .shuffer-link{opacity:1;-webkit-transition: all linear 800ms;transition: all linear 800ms;}
@media (max-width:1200px){
  .service-scope li{ width: 32%;}
  .service-scope li:nth-child(4n){ margin-right: 2%;}
  .service-scope li:nth-child(3n+3){ margin-right: 0; }
  .solution-introduction{ height:500px;}
}
@media (max-width:768px){
  .page-banner{ height: 300px;}
  .bread-nav span{word-wrap: normal;word-break: break-word;}
  .index-common .case-ad .common-padding{ padding: 0;}
  .row.row-p.case-ad{ margin: 0;}
  .news-box .articl-list{ width: 100%;}
  .news-box .articl-list p{ height: auto;}
  .news-img2,.news-img3,.news-img4,.news-page .fl,.news-page .fr{ width:100%;}
  .news-page .fr{padding: 0 0 0 10px;margin-top: 1rem;}
  .news-page .fr i{ left: 0; }
  .news-page .fr .fa-angle-right:before{content: "\f104";}
  .product-select li .control{ margin: 0 1rem 1rem 0;}
  .service-scope li{ width: 48%;}
  .service-scope li:nth-child(2n+2){ margin-right: 0;}
  .service-scope li:nth-child(3n+3){ margin-right: 2%; }
  .contact-form-table,.contact-tit,.contact-company-l,.contact-company-r{ width: 100%;}
  .contact-company-l,.contact-company-r{ display: block;}
  .pro-technical .img img{ max-height:280px}
  #timeline{padding:0}
#timeline:before{left:0}
#timeline .timeline-item .timeline-content{width:98%;float:right; text-align:left; margin-top:50px;}
#timeline .timeline-item{ margin-bottom:1.5rem}
#timeline .timeline-item .desc{ left: -11px;}
.about-history,.about-history .about-history-box{ position: initial;}
.about-history img,.honor-hide{ display: none;}
.about-history .about-history-box .py-5{ padding: 1rem 15px !important; color: #333;}
.about-history-list{ margin-top: -1rem;}
.webmap-h2,.webmap-h3{float:left;width:100%}
.col-lg-4.index-about.col-sm-12.flex, .col-lg-4.col-xs-12.col-md-6.index-pro.flex, .index-pro-box .row.flex{ max-width:100% !important; flex:0 0 100%}
.pro-technical .txt h5,.pro-technical .pro-technical-txt p{ height: auto !important}
.contact-ico .contact-l,.contact-ico .contact-l .common{ height:120px !important;}
.news-page .fr{ float:left; text-align:left; padding-left:20px}
.solution-introduction{ height:auto;}
.strengths-tab-nav li:nth-child(3n+2){ margin:0 5% 2rem;}
.video-nav a{ font-size:1rem}
 }
 @media (min-width:769px){
  .page-banner{ height: 320px;}
  .news-img2{ float:left; width:50%; text-align:center; margin:1rem auto; padding: 0 10px;}
  .news-img3{ float:left; width:33.3%; text-align:center; margin:1rem auto; padding: 0 10px;}
  .news-img4{float:left; width:25%; text-align:center; margin:1rem auto;padding: 0 10px; }
  .page-banner.found{ height:600px;}
  .col-lg-4.col-xs-12.col-md-6.index-pro.flex.col-sm-6{max-width: 50% !important;flex: 0 0 50%;}
  .contact-ico .contact-l{ padding-right:.5rem}
  .contact-r .col-12, .contact-r .commom,.col-12.contact-r.wechat{ padding:0 .5rem}
  .case-condition .col-lg-4.col-md-6:nth-child(1),.case-condition .col-lg-4.col-md-6:nth-child(2),.case-condition .col-lg-4.col-md-6:nth-child(3){ margin-bottom:3rem;}
  .solution-introduction .txt{ width:55%; float:left}
  .strengths-tab-nav li:nth-child(3n+2){ margin:0 5% 2rem;}
  .solution-swiping li{ margin-bottom:1rem}
 }
 @media (min-width:992px){
    .page-banner{ height: 380px;}
    .pc-nav .mainlevel{ padding-left: .4rem;}
    .col-lg-4.index-about.col-md-12.push-8.flex{ left: 66.6667%;}
    .index-news-box .news-list .col-md-12 p{overflow: hidden; padding:1rem 2rem !important}
    .foot-top.row.container{ width: 100% !important; max-width: 100%; padding: 0; margin: 0;}
    .foot .foot-top .col-lg-4{min-height: 230px;}
    .foot-bottom .acc-item .acc_container{ display: block !important;}
    .foot-bottom .acc-item .acc_trigger {pointer-events: none;}
    .about-slide-txt h4{ display: none;}
    .about-display{ max-width: 80%;}
	.pro-technical .img img{ max-height:200px}
	.index-news-box .news-list .col-md-12 h2{ padding:1rem 2rem !important}
	.case-condition .col-lg-4.col-md-6:nth-child(3n+2)::before,.case-condition .col-lg-4.col-md-6:nth-child(3n+2)::after{position:absolute;content:''; background:#dcdcdc; width:1px; height:50%; top:25%}
  .case-condition .col-lg-4.col-md-6:nth-child(3n+2)::before{ left:0}
  .case-condition .col-lg-4.col-md-6:nth-child(3n+2)::after{ right:0}
   }
   @media (max-width:992px){
    .foot-bottom .col.acc-item{ width: 100% !important; flex-basis:auto}
    .foot-bottom .col.acc-item .acc_trigger::after{width: 16px;height: 16px;content: '+';display: block;position: absolute;right:10px; bottom: 71%; font-size: 1.5rem;}
    .foot-bottom .col.acc-item .acc_trigger.active::after{width: 16px;height: 16px;font-size: 1.5rem;content: '-';display: block;position: absolute;right:10px; bottom: 75%;}
    .foot-bottom .acc-item .acc_container,.index-about{ padding-bottom: 1.5rem;}
    .about-slide-box .about-slide-nav {display: flex;  flex-grow: 1; text-align: center;}
    .about-slide-box .about-slide-nav a{ display: flex;flex-direction: row;  text-align: center;}
    .about-slide-nav .num{ font-size: 2.5rem; margin-top:1rem ;}
    .about-slide-nav .num,.about-slide-box .about-slide-nav, .abouttab-main{ width: 100%;}
    .about-slide-nav .txt,.about-slide-nav .icon{ display: none;}
    .about-slide-txt h4{ display: block; margin: 1rem 0;}
	.index-news-box .news-list .col-md-12{ height:auto !important}
	.solution-introduction{ height:450px;}
   }

 @media (min-width:1200px){
  .page-banner{ height: 400px;}
 }
 @media (max-width:581px){
  .container.contact-platform.containon-title.my-5.px-0,.container.arrival.containon-title.px-0{ padding: 0 15px !important;}
  .case-condition{ text-align:left;}
   .strengths-tab-nav li{ width:48%}
   .strengths-tab-nav li:nth-child(3n+2){ margin:0 0 2rem 0 !important;}
  .strengths-tab-nav li:nth-child(2n+2),.strengths-tab-nav li:nth-child(2){ margin:0 0 2rem 4% !important;}

 }
 @media (max-width:481px){
  .case-contact a{ display: table;}
  .service-scope li{ width: 100%; margin: 0 0 1rem 0;}
  .patented-box li{ width: 100%;}
 }
 .container.pro-info.containon-title.mt-5{ margin-top:4rem !important; margin-bottom:3.5rem !important}
 .about-slide-box{ margin-top:2.5rem !important}
 .about-slide-box.containon-title h4.pb-3{ padding-bottom:0 !important}
 .about-slide-box .about-slide-nav{ padding-top:0 !important}
 .containon-title h4.m-0{ margin-top:1rem !important}
 .containon-title.container.pt-3{ margin:2rem auto}
 .containon-title.container.patented.my-4{ margin:4rem auto 3rem !important}
 .index-news-box.containon-title.product-list-box.mt-4{ margin-top:4rem !important}


.cd-top {display: inline-block;height: 40px;width: 40px;position: fixed;bottom: 90px;right: 10px;box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);overflow: hidden;text-indent: 100%;white-space: nowrap;background:url(../images/common/top.webp) no-repeat center 50%;visibility: hidden;opacity: 0;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.cd-top.cd-is-visible {visibility: visible;opacity: 1;z-index:9999999}
.cd-top.cd-fade-out {opacity: .5;}
.no-touch .cd-top:hover {background-color: #e86256;opacity: 1;}
@media only screen and (min-width: 768px) {.cd-top {right: 20px;bottom: 20px;}}
@media only screen and (min-width: 1024px) {.cd-top {height: 40px;width: 40px;right: 0px;bottom: 40px;}
	.strengths-box{ width:60%; float:left; margin-left:4rem}
}
@media only screen and (min-width: 1201px) and (max-width: 1401px){
.solution-introduction{ height:550px !important;}
	}